<script setup>

import SvgIcon from "@/components/SvgIcon/index.vue";
</script>

<template>
  <div class="container">

    <div class="avatar-circle">
      <svg-icon class="voice-icon" color="#29B281" icon-class="voice"></svg-icon>
    </div>

  </div>
</template>

<style scoped lang="scss">

  .container {
    padding: 20px;
  }


  .voice-icon {
    width: 40px;
    height: 40px;
  }

  .avatar-circle {
    border-radius: 50%;
    border: 1px solid #ccc;
    padding: 10px;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
</style>